<!DOCTYPE html>
<html>
<head>
    <title>媒体中心</title>
    <style>
        .media { margin: 20px; }
        video, audio, img { max-width: 100%; }
    </style>
</head>
<body>
    <h1>多媒体展示</h1>

    <!-- 图片展示（确保 image.jpg 存在于根目录） -->
    <div class="media">
        <img src="image.jpg" alt="图片" width="640">
    </div>

    <!-- 音频（若有 audio.mp3，否则注释掉） -->
<div class="media">
    <audio autoplay controls> <!-- 移除 muted 属性 -->
        <source src="audio.mp3" type="audio/mpeg">
        不支持音频。
    </audio>
</div>

<!-- 视频（替换 视频名.mp4 为实际文件名，如 video.mp4，确保存在） -->
<h1>我的视频</h1>
<div class="media">
    <video autoplay controls width="640"> <!-- 移除 muted 属性 -->
        <source src="video.mp4" type="video/mp4"> <!-- 示例：替换为实际视频名 -->
        不支持视频。
    </video>
</div>


    <!-- 下载（若有 document.pdf，否则注释掉） -->
    <div class="media">
        <a href="document.pdf" download>下载PDF</a>
    </div>
</body>
</html>
